<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui.form小例子</title>
<link rel="stylesheet" href="css/layui.css" media="all">
</head>
<body style="margin: 0 auto; width: 900px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                <legend>用户认证信息录入</legend>
              </fieldset>
<form class="layui-form" action="/insert" method="post">
  
  <div class="layui-form-item">
    <label class="layui-form-label">部门ID</label>
    <div class="layui-input-block">
      <input type="text" name="dept_id" placeholder="请输入部门ID" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">用户ID</label>
    <div class="layui-input-block">
      <input type="text" name="user_id" placeholder="请输入用户ID" autocomplete="off" class="layui-input">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">用户真实姓名</label>
    <div class="layui-input-block">
      <input type="text" name="real_name" placeholder="请输入用户真实姓名" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">证件号码</label>
    <div class="layui-input-block">
      <input type="text" name="identity_card_no" placeholder="请输入证件号码" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">民族</label>
    <div class="layui-input-block">
      <input type="text" name="nation" placeholder="请输入民族" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">性别</label>
    <div class="layui-input-block">
      <input type="radio" name="sex" value="0" title="男" checked>
      <input type="radio" name="sex" value="1" title="女" >
      <input type="radio" name="sex" value="2" title="未知" >
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">出生年月</label>
    <!-- <div class="layui-input-block">
      <input type="date" name="" placeholder="请输入" autocomplete="off" class="layui-input">
    </div> -->
    <div class="layui-input-block">
            <input type="date" name="birthday" placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">地址</label>
    <div class="layui-input-block">
      <input type="text" name="address" placeholder="请输入地址" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">签发机关</label>
    <div class="layui-input-block">
      <input type="text" name="issuing_authority" placeholder="请输入签发机关" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">有效期</label>
    <div class="layui-input-block">
      <input type="text" name="validity" placeholder="请输入有效期" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">身份证正面图片地址</label>
    <div class="layui-input-block">
      <input type="text" name="front_url" placeholder="请输入身份证正面图片地址" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">身份证反面图片地址</label>
    <div class="layui-input-block">
      <input type="text" name="verso_url" placeholder="请输入身份证反面图片地址" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
<script src="layui.js"></script>
<script>
layui.use('form', function(){
  var form = layui.form;
  
  //各种基于事件的操作，下面会有进一步介绍

  
});
</script>
</body>
</html>